<template>
  <view class="footer-container">
    <view class="copyright-info">
      <text>copyright © 2025 福建便利宝电子有限公司 版权所有</text>
      <text>闽ICP备14017838号</text>
    </view>
    <view class="operator-info">
      <text>Operation 2025 福建清市惠农电子商有限公司 运营管理</text>
    </view>
  </view>
</template>

<script>
export default {
  name: "footbar",
  data() {
    return {};
  },
  computed: {
    // 动态计算底部高度，避免遮挡内容
    footerHeight() {
      return uni.getSystemInfoSync().screenHeight * 0.08; // 约8%的屏幕高度
    }
  }
};
</script>

<style lang="scss" scoped>
.footer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #333;
  color: #999;
  padding: 15rpx 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 99;
  font-size: 24rpx;
  min-height: 120rpx;
  
  // 适配不同屏幕尺寸
  @media screen and (max-width: 320px) {
    font-size: 22rpx;
    padding: 10rpx 0;
  }
  
  // 适配平板和大屏设备
  @media screen and (min-width: 768px) {
    font-size: 28rpx;
    padding: 20rpx 0;
  }
}

.copyright-info, .operator-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 5rpx 0;
  
  text {
    margin: 0 10rpx;
    white-space: nowrap;
  }
}

// 添加过渡动画效果
.footer-container {
  transition: all 0.3s ease;
  
  // 悬停效果
  &:hover {
    background-color: #2a2a2a;
    color: #ccc;
  }
}
</style>